<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

<template>
  <div class="h100 bg pt10 pb20 rel scroll">
    <van-grid class="pb20" :column-num="2" gutter="15px" square clickable :border="false">
      <van-grid-item v-for="value in 8" default :key="value" @click="openOptionmenu = true">
        <template default>
          <div class="f f-col center">
            <img
              class="auto r-50"
              :src="'../../../static/img/shop/staff'+value+'.png'"
              style="width:1.6rem;height:1.6rem;"
            >
            <p class="p10 f14 c999">员工001</p>
          </div>
        </template>
      </van-grid-item>
    </van-grid>
    <div class="flx" fab large style="bottom: 30px;right:20px;">
      <mu-button fab color="info">
        <van-icon size="30" name="plus"/>
      </mu-button>
    </div>
    <option-menu
      :show="openOptionmenu"
      :title="'你要对他做什么？'"
      :buttons="['修改密码','解除员工']"
      :animation="'flipInX'"
      @func="openOptionmenu = false"
    />
  </div>
</template>

<script>
import OptionMenu from "./../components/optionmenu";
export default {
  components: {
    OptionMenu
  },
  data() {
    return {
      openOptionmenu:false
    };
  },

  created() {},

  methods: {}
};
</script>
